<template>
	<view class="box">
		<view class="center">
			<view class="centertop">
				<view class="center1">
					<image src="../../../static/home/species.png" mode=""></image>
					<br />
					钓点
				</view>
				<view class="center1">
					<image src="../../../static/home/sphy.png" mode=""></image>
					<br />
					视频
				</view>
				<view class="center1">
					<image src="../../../static/home/hdzq.png" mode=""></image>
					<br />
					活动
				</view>
				<view class="center1">
					<image src="../../../static/home/Fishing.png" mode=""></image>
					<br />
					钓法
				</view>
				<view class="center1">
					<image src="../../../static/home/iconlyfs_ljj.png" mode=""></image>
					<br />
					饵料
				</view>
			</view>
			<view class="centertop">
				<view class="center1">
					<image src="../../../static/home/jia.png" mode=""></image>
					<br />
					渔jia
				</view>
				<view class="center1">
					<image src="../../../static/home/cszb.png" mode=""></image>
					<br />
					直播
				</view>
				<view class="center1">
					<image src="../../../static/home/money.png" mode=""></image>
					<br />
					众筹
				</view>
				<view class="center1">
					<image src="../../../static/home/zuanshi.png" mode=""></image>
					<br />
					夺宝
				</view>
				<view class="center1">

				</view>

			</view>
		</view>
		<view class="center">
			<view class="centertop">
				<view class="center1">
					<image src="../../../static/home/species.png" mode=""></image>
					<br />
					渔获战报
				</view>
				<view class="center1">
					<image src="../../../static/home/sphy.png" mode=""></image>
					<br />
					趣闻
				</view>
				<view class="center1">
					<image src="../../../static/home/hdzq.png" mode=""></image>
					<br />
					钓鱼美食
				</view>
				<view class="center1">
					<image src="../../../static/home/Fishing.png" mode=""></image>
					<br />
					魅力游钓
				</view>
				<view class="center1">
					<image src="../../../static/home/iconlyfs_ljj.png" mode=""></image>
					<br />
					拍鱼
				</view>
			</view>
			<view class="centertop">
				<view class="center1">
					<image src="../../../static/home/jia.png" mode=""></image>
					<br />
					钓鱼翁指数
				</view>
				<view class="center1">
					<image src="../../../static/home/cszb.png" mode=""></image>
					<br />
					商城
				</view>
				<view class="center1">
					<image src="../../../static/home/money.png" mode=""></image>
					<br />
					知鱼
				</view>
				<view class="center1">
					<image src="../../../static/home/zuanshi.png" mode=""></image>
					<br />
					适用评测
				</view>
				<view class="center1" @click="quanbu">
					<image src="../../../static/home/qb.png" mode=""></image>
					<br />
					星级会员
				</view>
			</view>
			<view class="centertop">
				<view class="center1">
					<image src="../../../static/home/species.png" mode=""></image>
					<br />
					渔钓鱼研究院
				</view>
				<view class="center1">
					<image src="../../../static/home/sphy.png" mode=""></image>
					<br />
					钓友约约
				</view>
				<view class="center1">

				</view>
				<view class="center1">

				</view>
				<view class="center1">

				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.box {
		height: 100vh;
		background-color: #e4e4e5;

		.center {
			height: 25 vh;
			width: 100%;
			margin: 10rpx;
			margin-top: 20rpx;
			background-color: white;

			.centertop {
				justify-content: space-between;
				flex-wrap: wrap;
				text-decoration: none;
				display: flex;
				// justify-content: flex-start;
				// align-items: flex-start;

				.center1 {
					margin: 10rpx;
					text-align: center;
					font-size: 25rpx;
					font-weight: bold;
					flex: 1;

				}



				image {
					width: 75rpx;
					height: 75rpx;

				}
			}

		}



	}
</style>